<head>
	<!--<link rel="stylesheet" type="text/css" href="/BackEndRecursosHumanos/app/webroot/css//jquery-ui-1.10.3.custom.min.css">
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>-->
	
	
	
	<script>
	  
	  $(function () 
	  {
		
	    $("#Consult_EventoCalendarioDesdeFecha").datepicker(
	    								{
	    									 changeMonth: true,
									         changeYear: true,
									         showButtonPanel: true,
									         dateFormat: 'MM yy',
									         closeText: 'Seleccionar Fecha',
									   		 prevText: '<Ant',
										     nextText: 'Sig>',
										     currentText: 'Hoy',
										     monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
										     monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
										     dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
										     dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
										     dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
										     weekHeader: 'Sm',
										     firstDay: 1,
										     isRTL: false,
										     showMonthAfterYear: false,
										     yearSuffix: '',
											 
									         onClose: function(selectedDate)
									         { 
									           
									            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
									            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
									            var date_seleccionado = new Date(year, month, 1);
									            
									            //$("#Consult_EventoCalendarioHastaFecha").datepicker("option","minDate", date_seleccionado);
									            $(this).datepicker('setDate',date_seleccionado);
									          	$(this).datepicker('refresh');
									            

									         },
									         
									         
									          beforeShow: function () 
									          {
											      if ((selDate = $(this).val()).length > 0) 
											      {
												        year = selDate.substring(selDate.length - 4, selDate.length);
												
												        month = jQuery.inArray(selDate.substring(0, selDate.length - 5), $(this).datepicker('option', 'monthNames'));
														
														
														
												        $(this).datepicker('option', 'defaultDate', new Date(year, month, 1));
												        $(this).datepicker('setDate', new Date(year, month, 1));
											      }
											 }
							
									         
									         
	    								}
	    							  ).focus(function ()
	    							  {
	    							 		$('.ui-datepicker-calendar').hide();
	    							 		$('#ui-datepicker-div').position(
	    							 			{
	    							 				my: "center top",
	    							 				at: "center bottom",
	    							 				of: $(this)
	    							 			}
	    							 		);
	    							 		
	    							  });
	    							  
	  	 $("#Consult_EventoCalendarioHastaFecha").datepicker(
	    								{
	    									 changeMonth: true,
									         changeYear: true,
									         showButtonPanel: true,
									         dateFormat: 'MM yy',
									         closeText: 'Seleccionar Fecha',
									   		 prevText: '<Ant',
										     nextText: 'Sig>',
										     currentText: 'Hoy',
										     monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
										     monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
										     dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
										     dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
										     dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
										     weekHeader: 'Sm',
										     firstDay: 1,
										     isRTL: false,
										     showMonthAfterYear: false,
										     yearSuffix: '',
									         
									         
									         
									         
											 //defaultDate: new Date(fecha_date_hasta_dp),
									         onClose: function( selectedDate)
									         { 
									            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
									            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
									            var date_seleccionado = new Date(year, month, 1);
									            
									            //$("#Consult_EventoCalendarioDesdeFecha").datepicker("option","maxDate", date_seleccionado);
									           	$(this).datepicker('setDate',date_seleccionado);
									          	$(this).datepicker('refresh');
									           	
									         },
									         beforeShow: function () 
									          {
											      if ((selDate = $(this).val()).length > 0) 
											      {
												        year = selDate.substring(selDate.length - 4, selDate.length);
												
												        month = jQuery.inArray(selDate.substring(0, selDate.length - 5), $(this).datepicker('option', 'monthNames'));
												
													
												
												        $(this).datepicker('option', 'defaultDate', new Date(year, month, 1));
												        $(this).datepicker('setDate', new Date(year, month, 1));
											      }
											 }
	    								}
	    							  ).focus(function ()
	    							  {
	    							 		$('.ui-datepicker-calendar').hide();
	    							 		$('#ui-datepicker-div').position(
	    							 			{
	    							 				my: "center top",
	    							 				at: "center bottom",
	    							 				of: $(this)
	    							 			}
	    							 		)
	    							  });;
	   
			
	   	
	    							  
	   
		
		

	  });
	  
	  
	</script>
	<script>
		
	   	function seteo_valores()
	   	{
	   		
	   		var fecha_date_desde = <?php echo ($fecha_inic+2505600)*1000;//($fecha_inic+2505600)*1000;?>;
	   		var fecha_date_hasta = <?php echo ($fecha_fin+2505600)*1000;//($fecha_fin+2505600)*1000;?>;
	   		
	   		$('#Consult_EventoCalendarioDesdeFecha').datepicker('setDate',new Date(fecha_date_desde));
	   		$('#Consult_EventoCalendarioHastaFecha').datepicker('setDate',new Date(fecha_date_hasta));
	   		
	   		//$('#Consult_EventoCalendarioDesdeFecha').val($.datepicker.formatDate('MM yy', new Date(fecha_date_desde)));
			//$('#Consult_EventoCalendarioHastaFecha').val($.datepicker.formatDate('MM yy', new Date(fecha_date_hasta)));
			
			//$("#Consult_EventoCalendarioHastaFecha").datepicker("option","minDate", fecha_date_desde);
	   		//$("#Consult_EventoCalendarioDesdeFecha").datepicker("option","maxDate", fecha_date_hasta);

			
	    }
	    
	</script>
	<script>
		function seleccionar_todos($id)
	   	{
				$(".check_box_sede_eventos").prop("checked",$id);
				$(".check_box_sede_eventos").attr("checked",$id);
				
	    }
		
		function activar_deactivar_button($id_evento)
		{
			
			
				if(confirm("Desea Eliminar el(los) Evento(s) Seleccionado(s) ?"))
				{
					
					var url = "/BackEndRecursosHumanos/Eventos/delete_sede_evento/"+$id_evento+"/1";
					
					$('#grid_consultar').hide('fast');
					
					$.get(url,
						    {})
						    .done(function(data, textStatus, jqXHR) 
					        {
						 		alert("done");
								showGridConsulEvento();
					        })
						    .fail(function(jqXHR, textStatus, errorThrown) 
						    {
						        alert("fail");
								showGridConsulEvento();
							});
					
					
				}
				
		}
		
		function activar_deactivar_selecionados()
	   	{
	   		
	   		
	   		var id;
	   		$('#sede_eventos_seleccionados').val('');
		    $("#tabla_sede_evento tr td .check_box_sede_eventos:checked").each(function(index) 
		    {
	           id = $(this).attr('id');
	           $('#sede_eventos_seleccionados').val($('#sede_eventos_seleccionados').val()+','+id);
		    });
		   	if ($('#sede_eventos_seleccionados').val() != "")
			{
				if(confirm("Desea Eliminar el(los) Evento(s) Seleccionado(s) ?"))
				{
					//$('#Delete_Sede_EventoGetGridConsultEventoSedeForm').attr('action',$('#Delete_Sede_EventoGetGridConsultEventoSedeForm').attr('action')+"/"+$('#sede_eventos_seleccionados').val()+"/2");
					
					var url = "/BackEndRecursosHumanos/Eventos/delete_sede_evento/"+$('#sede_eventos_seleccionados').val()+"/2";
				
					$('#grid_consultar').hide('fast');
					
					$.get(url,
						    {})
						    .done(function(data, textStatus, jqXHR) 
					        {
						 		alert("done");
								showGridConsulEvento();
					        })
						    .fail(function(jqXHR, textStatus, errorThrown) 
						    {
						        alert("fail");
								showGridConsulEvento();
							});
					
				}
			}
			   
			

	   	}
		
		function activar_deactivar_selecionados1()
	   	{
	   	
	   		var id;
	   		$('#sede_eventos_seleccionados').val('');
		    $("#tabla_sede_evento tr td .check_box_sede_eventos:checked").each(function(index) 
		    {
		           id = $(this).attr('id');
		          
		           $('#sede_eventos_seleccionados').val($('#sede_eventos_seleccionados').val()+','+id);
		           
		           
		    });
				if ($('#sede_eventos_seleccionados').val() != "")
				{
					if(confirm("Desea Eliminar el(los) Evento(s) Seleccionado(s) ?"))
					{
						$.get("/BackEndRecursosHumanos/Eventos/delete_sede_evento/"+$('#sede_eventos_seleccionados').val()+"/2"); 
			        	setTimeout(function() 
			        	{ 
			        		location.reload();
			        	}, 500);
					}
				}
				
																						  
	   	}	
	</script>
	
	
	<script>
		function showBuscador()
		{
			$("#link").hide("fast");
			$('#grid_consultar').hide('fast');
			setTimeout(function() 
			{
				$("#buscador").show("fast");
			}, 1000);
		}
		
		function showConsult()
		{
			$("#form_detalle").hide("slow");
			setTimeout(function() 
			{
				$("#consultar_evento_sede").show("fast");
				
			}, 1000);
			
			setTimeout(function() 
			{
				showGridConsulEvento();
				
			}, 500);
			
		}
		
		function showGridConsulEvento()
		{
			$("#buscador").hide("fast");
			setTimeout(function() 
			{
				$("#link").show("fast");
			}, 1000);
			
			var nombre_evento = "";
			var fecha_desde = new Date($("#Consult_EventoCalendarioDesdeFecha").val()).getTime()/1000;
	   		var fecha_hasta = new Date($("#Consult_EventoCalendarioHastaFecha").val()).getTime()/1000;
	   		
	   		//var fecha_desde = new Date($("#Consult_PolizaCalendarioDesdeFecha").datepicker('getDate')).getTime()/1000;
	   		//var fecha_hasta = new Date($("#Consult_PolizaCalendarioHastaFecha").datepicker('getDate')).getTime()/1000;

			var param_nombre_evento = "";
			var param_sede = "";
			var param_tipo_evento = "";
			var param_fecha_desde = $("#Consult_EventoCalendarioDesdeFecha").val();
			var param_fecha_hasta = $("#Consult_EventoCalendarioHastaFecha").val();
			
	   		
			
			if ($('#Consult_EventoNombreEventoBusq').val() == "")
			{
				
				nombre_evento = '*';
				param_nombre_evento = '*No Aplica*';
			}
			else
			{
				
				nombre_evento = $('#Consult_EventoNombreEventoBusq').val();
				param_nombre_evento = '"'+nombre_evento+'"';
			}
			
			if ($('#Consult_EventoSedeEmpresa').val() == 0)
        	{
        		param_sede = "Todos";
        	}
        	else
        	{
        		var id_sede= $('#Consult_EventoSedeEmpresa').val();
        		param_sede = $("#Consult_EventoSedeEmpresa [value='"+id_sede+"']").text();
        	}
        	
        	if ($('#Consult_EventoTipoDeEvento').val() == 0)
        	{
        		param_tipo_evento = "Todos";
        	}
        	else
        	{
        		var id_tipo_evento= $('#Consult_EventoTipoDeEvento').val();
        		param_tipo_evento = $("#Consult_EventoTipoDeEvento [value='"+id_tipo_evento+"']").text();
        	}
        	
        	
        	$.get("/BackEndRecursosHumanos/Eventos/getGridConsultEventoSede/"+
        			$('#Consult_EventoSedeEmpresa').val()+"/"
        			+$('#Consult_EventoTipoDeEvento').val()+"/"
        			+fecha_desde+"/"
        			+fecha_hasta+"/"
        			+nombre_evento, function(data) {
        												
        												$('#nombre_evento_busq').text(' Nombre del Evento: '+ param_nombre_evento );
        												$('#tipo_evento_busq').text(' Tipo de Evento: '+ param_tipo_evento );
        												$('#sede_busq').text(' Sede: '+ param_sede );
        												$('#fecha_desde_busq').text(' Fecha Desde: '+ param_fecha_desde );
        												$('#fecha_hasta_busq').text(' Fecha Hasta : '+ param_fecha_hasta );						
        												
        												setTimeout(function() 
														{
															$('#grid_consultar').html(data);
									        				$('#grid_consultar').show('fast');
														}, 1000);
									        			
									        		}); 
		
		}
	
		function showDetalleEvento($id)
		{
			$("#consultar_evento_sede").hide("slow");
			$.get("/BackEndRecursosHumanos/Eventos/getDetalleEventoSede/"+$id, function(data) {
																	        												$('#grid_consultar').hide('fast');
																	        												$("#link").hide("fast");
																	        												setTimeout(function() 
																															{
																																$('#form_detalle').html(data);
																										        				$('#form_detalle').show('fast');
																															}, 1000);
																	        												
																	        												
																										        			
																										        		});
		}
	
		function showEditEvento($id)
		{
			
			$("#consultar_evento_sede").hide("slow");
			$.get("/BackEndRecursosHumanos/Eventos/getEditEventoSede/"+$id, function(data) {
										        												$('#grid_consultar').hide('fast');
										        												$("#link").hide("fast");
										        												setTimeout(function() 
																								{
																									$('#form_detalle').html(data);
																			        				$('#form_detalle').show('fast');
																								}, 1000);
										        												
										        												
																			        			
																			        		});
		}
	
		function editEvento($id)
		{
				
			// Stop form from submitting normally
			// Get some values from elements on the page:
			
			event.preventDefault();
			
		  	var	$form = $( '#EditSedeEventoGetEditEventoSedeForm' )
		  	
		  	term1 =$form.find( "input[name='data[EditSedeEvento][id]']" ).val(),
		  	
		  	term2 = new Date($form.find( "input[name='data[EditSedeEvento][fecha_inic_evento]']").datepicker('getDate')).getTime()/1000,
			
			term3 = new Date($form.find( "input[name='data[EditSedeEvento][fecha_fin_evento]']").datepicker('getDate')).getTime()/1000,
			
			term4 = $form.find( "input[name='data[EditSedeEvento][hora_inic]']").val(),
			
			term5 = $form.find( "input[name='data[EditSedeEvento][hora_fin]']" ).val(),
			
			url = "/BackEndRecursosHumanos/Eventos/getEditEventoSede/"+$id;

			
			
		  	$("#form_detalle").hide("slow");
		  	$.post(url,
					    {id: term1, 
					    	fecha_inic_evento: term2, 
					    	fecha_fin_evento: term3,
					    	hora_inic: term4, 
					    	hora_fin: term5,
					    	submit:true})
					    .done(function(data, textStatus, jqXHR) 
				        {
					 		alert("done");
					 		$('#form_detalle').html(data);
					 		setTimeout(function() 
							{
								$("#form_detalle").show("fast");
								
							}, 1000);
				        })
					    .fail(function(jqXHR, textStatus, errorThrown) 
					    {
					        alert("fail");
					        $('#form_detalle').html(textStatus);
					        setTimeout(function() 
							{
								$("#form_detalle").show("fast");
								
							}, 1000);

					    });
			
				
		}
	
	</script>
	
				
	
	
</head>
<body onload="seteo_valores();">
	
	<div>
		<center>
			<fieldset id="consultar_evento_sede">
				<legend>Consultar Eventos por Sedes</legend>
				<center>
					<table>
						<tr>
							<td style="width:10%">
								<center>
									<div id="link" style="display: none">
											<b>
												<label>Parametros de Busqueda:</label>
											</b>
											
												<li>
													<b>
														<label id="nombre_evento_busq"></label>
													</b>
												</li>
												<li>
													<b>
														<label id="sede_busq"></label>
													</b>
												</li>
												<li>
													<b>
														<label id="tipo_evento_busq"></label>
													</b>
												</li>
												<li>
													<b>
														<label id="fecha_desde_busq"></label>
													</b>
												</li>
												<li>
													<b>
														<label id="fecha_hasta_busq"></label>
													</b>
												</li>
											<br />
											<br />
											<a onclick="showBuscador();" href="#">
											<img id="blah" src="/BackEndRecursosHumanos/app/webroot/img/lupa.png" alt="your image" width="30px" height="30px" />
											<br />
											Nueva Busqueda
											</a>
											<br />
										</div>
									<fieldset id="buscador" style="width: 70%">
										<legend><b>Buscador</b></legend>
										<?php echo $this->Form->create('Consult_Evento'); ?>
										<table >					
											<tr>
												<td style="text-align: center; vertical-align: middle;">
													<center>
													<table>
														<tr>
															<td style="text-align: center; vertical-align: middle; width: 25%">
																<?php
						
																	echo $this->Form->input('nombre_evento_busq',array(
																																		
																													'type' => 'search',
																													'class' => 'buscador',
																													'label' => array(
																																		'text' => 'Nombre del Evento',
																																		'style' => array(
																																							'font-weight: bold;',
																																							'font-style: italic;'
																																						)
																																						
																																	)
																													 
																									               )
																							 );
																?>
															</td>
															<td style="text-align: center; vertical-align: middle; width: 50%">				
																<?php
									
																			echo $this->Form->input('sede_empresa',array(
																																				
																															'options' => array($sedes),
																															'label' => array(
																																				'text' => 'Sede',
																																				'style' => array(
																																									'font-weight: bold;',
																																									'font-style: italic;'
																																								)
																																								
																																			)
																															 
																											               )
																									 );
																			?>
																
														 	</td>
														</tr>
														<tr>
															<td style="text-align: center; vertical-align: middle">				
																<?php
																
																	echo $this->Form->input('tipo_de_evento',array(
																																		
																													'options' => array($tipoeventos),
																													
																													'label' => array(
																																		'text' => 'Tipo de Eventos',
																																		'style' => array(
																																							'font-weight: bold;',
																																							'font-style: italic;'
																																						)
																																						
																																	)
																													 
																									               )
																							 );
																?>
														
											 
															</td>
															<td style="text-align: center; vertical-align: middle;">
													 			<label style="font-weight: bold; font-style: italic;">Rango de Fechas</label>
													 			<table>
													 				<tr>
													 					
													 					<td style="text-align: center; vertical-align: middle;>
													 						
													 						<?php echo $this->Form->input('calendario_desde_fecha', array(
													 																			'readonly',
													 																			'style' => array('cursor: pointer; text-align: center;'),						
													 																			'label' => array(
																																				'text' => 'Desde',
																																				
																																				'style' => array(
																																									'font-weight: bold;',
																																								)
																																								
																																			)
																															  )
																									     );
																					
																				
													 						?>
													 						
													 					</td>
													 					
													 				
													 					
													 				
													 					
													 					<td style="text-align: center; vertical-align: middle;>
													 						<?php 
											 									 echo $this->Form->input('calendario_hasta_fecha', array(
																														'readonly',
																														'style' => array('cursor: pointer; text-align: center;'),						
																														'label' => array(
																																			'text' => 'Hasta',
																																			'style' => array(
																																								'font-weight: bold;'
																																							)
																																						
																																		)
																													  )
																							     );
																					
													 						?>
													 						
													 					</td>
													 					
													 				</tr>
													 			</table>
									
													 		</td>	
														</tr>
													
													</table>
													</center>
												</td>
																	
																 		
										 	</tr>
										 	<tr>
												<td>
													<center>
														<button style="vertical-align: middle; text-align: center" onclick="showGridConsulEvento();" class ="boton_regular" type="button" onclick="seleccionar_todos(true);">
															<center>
																Buscar &nbsp; <img src="/BackEndRecursosHumanos/img/search.png"  alt="CakePHP" style="cursor: pointer;width: 15px;">
															</center>
														</button>
													</center>
												</td>
											</tr>
										 </table>
										 <?php echo $this->Form->end();?>
								 	</fieldset>
								 </center>
							 </td>
						</tr>
						<tr>
							<td id = 'grid_consultar' style="display: none">
									
							</td>
						 </tr>
					</table>
				</center>
			</fieldset>
			<fieldset id="form_detalle" style="display: none">
				
			</fieldset>
		</center>
	</div>
</body>		

				